@import '~@delon/theme/styles/antd/themes/default.less';

:host {

    .campus-list-all {
        display: flex;
        flex-wrap: wrap;
    }

    .top-left {
        width: 40px;
    }
    .top-right {
        width: 90%;
        display: flex;
        flex-wrap: wrap;
    }
    .top-right-city {
        display: flex;
        flex-wrap: wrap;
        padding-top: 1rem;
        margin-left: 5%;
    }
    .top-right-city-content {
        width: 80%;
        display: flex;
        flex-wrap: wrap;
    }
    .top-level {
        display: flex;
        flex-wrap: wrap;
        padding-top: 1rem;
    }

    .main-container {
        display: flex;
        justify-content: space-between;
    }
    .container-list {
        display: flex;
        flex-direction: column;
        width: inherit;
    }
    .container-img-list {
        justify-content: center;
        align-items: center;
        width: inherit;
        display: flex;
    }
    .container-img {
        border-radius: 100%;
        width: 100px;
        height: 100px;
    }

    .nz-list{
        height: 300px;
    }
    .container-count {
        display: flex;
        justify-content: center;
        span {
            background-color: #00b7ee;
            color: #bce8f1;
            font-size: medium;
        }
    }
    .container-campus-list {
        display: flex;
        width: inherit;
        flex-wrap: wrap;
        img {
            border-radius: 100%;
            width: 60px;
            height: 60px;
        }
    }
    .perChosen {
        width: 30%;
        margin: 1%;
    }
    //屏幕宽度大于770px立即隐藏
    @media screen and (min-width: 770px) {
        //.phone {
        //    display: none !important;
        //}
        //.pad {
        //    display: none !important;
        //}
        .perChosen {
            width: 30% !important;
            margin: 1%;
        }
    }

    //屏幕宽度大于515px 小于770px立即隐藏
    @media screen and (min-width: 515px) and (max-width: 770px) {
        //.phone {
        //    display: none !important;
        //}
        //.pc {
        //    display: none !important;
        //}
        .perChosen {
            width: 45% !important;
            margin: 1%;
        }
    }

    //屏幕宽度小于515px立即隐藏
    @media screen and (max-width: 515px) {
        //.pad {
        //    display: none !important;
        //}
        //.pc {
        //    display: none !important;
        //}
        .perChosen {
            width: 95% !important;
            margin: 1%;
        }
    }
}
